<html>
    <title>teszt page</title>
<head>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.5.1/jquery.min.js"></script>
  <script src="http://nivo-slider-formyblog.googlecode.com/svn/trunk/jquery.nivo.slider.pack.js" type="text/javascript"></script>
  <link rel="stylesheet" href="http://nivo-slider-formyblog.googlecode.com/svn/trunk/nivo-slider.css"  type="text/css"/>
<style type="text/css">
#slider {
    position:relative;
    width:600px; /* Change this to your images width */
    height:100px; /* Change this to your images height */
    background:url(loading.gif) no-repeat 50% 50%;
}
#slider img {
    position:absolute;
    top:0px;
    left:0px;
    display:none;
}
#slider a {
    border:0;
    display:block;
}

</style>
<script type="text/javascript">
  if (jQuery) {  
    console.log('jquery loaded');
  } else {
    console.log('jquery not loaded');
  }
</script>
</head>
<body>

<script type="text/javascript">
$(window).load(function() {
    $('#slider').nivoSlider();
});
</script>



<!-- Then somewhere in the <body> section -->

<div id="slider">
    <img src="nivoslider01.gif" alt="" />
    <a href="http://dev7studios.com"><img src="nivoslider02.jpg" alt="" title="#htmlcaption" /></a>
    <img src="nivoslider03.png" alt="" title="This is an example of a caption" />
    <img src="nivoslider04.jpg" alt="" />
    <img src="nivoslider05.jpg" alt="" />
</div>
<div id="htmlcaption" class="nivo-html-caption">
    <strong>This</strong> is an example of a <em>HTML</em> caption with <a href="#">a link</a>.
</div>

</body>
</html>